<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>商品详情页</title>
  <link rel="stylesheet" href="../css/detail.css">
  <link rel="stylesheet" href="../css/base.css">
</head>

<body>
  <div class="header container">
    商品详情页
    <p style="display: block;">      
      <a href="./list.html">回到列表页</a>
    </p>
  </div>

  <div class="content container">
    <!-- 重新js渲染 -->
    <div class="left box">
      <div class="middleBox">
        <img src="https://image5.suning.cn/uimg/b2c/newcatentries/0070081143-000000000144879464_2_800x800.jpg"
          class="middleimg">
      </div>
    </div>
    <div class="right">
      <p class="title">商品名称</p>
      <p class="price">原价: ¥ <span class="old">25.00</span></p>
      <p class="price">折扣: ¥ <span class="discount">0.7</span></p>
      <p class="price">现价: ¥ <span class="curprice">17.50</span></p>
    </div>
  </div>
  <!-- 商品详情描述: 注意.desc的所有内容都应该按照具体商品详情渲染 -->
  <div class="desc container">    
    <div class="lazyimg">
      <div moduleid="R9001233_3" modulename="商品详情">
        <p><img
            data-src="//image.suning.cn/uimg/sop/commodity/220554883151527898467690_x.jpg?from=mobile&amp;format=80q.webp"
            alt=""
            src="//image.suning.cn/uimg/sop/commodity/220554883151527898467690_x.jpg?from=mobile&format=80q.webp"
            width="100%" height="auto"><img
            data-src="//image.suning.cn/uimg/sop/commodity/703454375142635257474010_x.jpg?from=mobile&amp;format=80q.webp"
            alt=""
            src="//image.suning.cn/uimg/sop/commodity/703454375142635257474010_x.jpg?from=mobile&format=80q.webp"
            width="100%" height="auto"><img
            data-src="//image.suning.cn/uimg/sop/commodity/741179270136092137066940_x.jpg?from=mobile&amp;format=80q.webp"
            alt=""
            src="//image.suning.cn/uimg/sop/commodity/741179270136092137066940_x.jpg?from=mobile&format=80q.webp"
            width="100%" height="auto"><img
            data-src="//image.suning.cn/uimg/sop/commodity/471302339104851119143100_x.jpg?from=mobile&amp;format=80q.webp"
            alt=""
            src="//image.suning.cn/uimg/sop/commodity/471302339104851119143100_x.jpg?from=mobile&format=80q.webp"
            width="100%" height="auto"><img
            data-src="//image.suning.cn/uimg/sop/commodity/405007880245674608657000_x.jpg?from=mobile&amp;format=80q.webp"
            alt=""
            src="//image.suning.cn/uimg/sop/commodity/405007880245674608657000_x.jpg?from=mobile&format=80q.webp"
            width="100%" height="auto"><img
            data-src="//image.suning.cn/uimg/sop/commodity/197249537833172444439330_x.jpg?from=mobile&amp;format=80q.webp"
            alt=""
            src="//image.suning.cn/uimg/sop/commodity/197249537833172444439330_x.jpg?from=mobile&format=80q.webp"
            width="100%" height="auto"><img
            data-src="//image.suning.cn/uimg/sop/commodity/210539634615075087689478_x.jpg?from=mobile&amp;format=80q.webp"
            alt=""
            src="//image.suning.cn/uimg/sop/commodity/210539634615075087689478_x.jpg?from=mobile&format=80q.webp"
            width="100%" height="auto"></p>
      </div>
      <div moduleid="R9001233_4" modulename="商品尺码表">
        <p>1</p>
      </div>
      <div moduleid="R9001233_5" modulename="模特效果">
        <p>1</p>
      </div>
    </div>

  </div>
</body>

</html>

<script>
  let obj = { "goods_id": 1, "title": "南极人【10双装】夏季男士丝袜超薄中筒袜男袜子薄款透气纯色商务袜P3038", "img_big_logo": "https://image5.suning.cn/uimg/b2c/newcatentries/0070081143-000000000144879464_2_800x800.jpg", "img_small_logo": "https://image5.suning.cn/uimg/b2c/newcatentries/0070081143-000000000144879464_2_200x200.jpg", "price": "25.00", "current_price": "17.50", "is_select": false, "goods_number": 8, "is_sale": true, "sale_type": "70%", "is_hot": false, "cart_number": 0, "goods_introduce": "<div class=\"lazyimg\"><div moduleid=\"R9001233_3\" modulename=\"商品详情\"><p><img data-src=\"//image.suning.cn/uimg/sop/commodity/220554883151527898467690_x.jpg?from=mobile&amp;format=80q.webp\" alt=\"\" src=\"//image.suning.cn/uimg/sop/commodity/220554883151527898467690_x.jpg?from=mobile&format=80q.webp\" width=\"100%\" height=\"auto\"><img data-src=\"//image.suning.cn/uimg/sop/commodity/703454375142635257474010_x.jpg?from=mobile&amp;format=80q.webp\" alt=\"\" src=\"//image.suning.cn/uimg/sop/commodity/703454375142635257474010_x.jpg?from=mobile&format=80q.webp\" width=\"100%\" height=\"auto\"><img data-src=\"//image.suning.cn/uimg/sop/commodity/741179270136092137066940_x.jpg?from=mobile&amp;format=80q.webp\" alt=\"\" src=\"//image.suning.cn/uimg/sop/commodity/741179270136092137066940_x.jpg?from=mobile&format=80q.webp\" width=\"100%\" height=\"auto\"><img data-src=\"//image.suning.cn/uimg/sop/commodity/471302339104851119143100_x.jpg?from=mobile&amp;format=80q.webp\" alt=\"\" src=\"//image.suning.cn/uimg/sop/commodity/471302339104851119143100_x.jpg?from=mobile&format=80q.webp\" width=\"100%\" height=\"auto\"><img data-src=\"//image.suning.cn/uimg/sop/commodity/405007880245674608657000_x.jpg?from=mobile&amp;format=80q.webp\" alt=\"\" src=\"//image.suning.cn/uimg/sop/commodity/405007880245674608657000_x.jpg?from=mobile&format=80q.webp\" width=\"100%\" height=\"auto\"><img data-src=\"//image.suning.cn/uimg/sop/commodity/197249537833172444439330_x.jpg?from=mobile&amp;format=80q.webp\" alt=\"\" src=\"//image.suning.cn/uimg/sop/commodity/197249537833172444439330_x.jpg?from=mobile&format=80q.webp\" width=\"100%\" height=\"auto\"><img data-src=\"//image.suning.cn/uimg/sop/commodity/210539634615075087689478_x.jpg?from=mobile&amp;format=80q.webp\" alt=\"\" src=\"//image.suning.cn/uimg/sop/commodity/210539634615075087689478_x.jpg?from=mobile&format=80q.webp\" width=\"100%\" height=\"auto\"></p></div><div moduleid=\"R9001233_4\" modulename=\"商品尺码表\"><p>1</p></div><div moduleid=\"R9001233_5\" modulename=\"模特效果\"><p>1</p></div></div>", "category": "其他" }


</script>